<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>Bootstrap 实例 - 折叠面板</title>
		<link rel="stylesheet" href="css/bootstrap.min.css">
		<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/jquery-confirm/3.3.0/jquery-confirm.min.css">
		<script src="js/jquery-2.1.0.min.js"></script>
		<script src="js/bootstrap.min.js"></script>
		<script src="js/jquery-3.2.1.js" type="text/javascript"></script>
		<script src="js/userlist.js" type="text/javascript"></script>
		<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-confirm/3.3.0/jquery-confirm.min.js"></script>
	</head>
	<body>
		<table class="table table-hover table-bordered" id="mytable1">
					<thead>
						<tr>
							<th>选中</th>
							<th>用户编号</th>
							<th>用户名称</th>
							<th>手机号</th>
							<th>创建时间</th>
							<th>用户选择类型</th>
							<th>百度账号</th>
							<th>用户设备</th>
							<th>操作</th>
						</tr>
						<tr>
							<td><input type="checkbox" onclick="checkAll(this)" /></td>
							<td></td><td></td><td></td><td></td><td></td><td></td><td></td>
							<td>
								<a href="javascript:void(0)" class="btn btn-danger" role="button" id="delAll">全部删除</a>
							</td>
						</tr>
					</thead>
					<tbody id="listTable">

					</tbody>
				</table>
		<div class="container" id="page2">
			<ul class="pagination">
				<li>
					<a href="javascript:void(0)" id="homePage">首页</a>
				</li>
				<li>
					<a href="javascript:void(0)" id="preciousPage">上一页</a>
				</li>
				<li>
					<a href="javascript:void(0)" id="precious">...</a>
				</li>
				<li>
					<a href="javascript:void(0)" id="now">1</a>
				</li>
				<li>
					<a href="javascript:void(0)" id="next">...</a>
				</li>
				<li>
					<input type="hidden" value="" id="nextPageval">
					<a href="javascript:void(0)" id="nextPage">下一页</a>
				</li>
				<li>
					<a href="javascript:void(0)" id="trailerPage">尾页</a>
				</li>
			</ul>
		</div>
		<div class="modal fade bs-example-modal-lg" id="selftype" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
			<div class="modal-dialog" style="width: 800px;">
				<div class="modal-content">
					<div class="modal-header">
						<button type="button" class="close" data-dismiss="modal" aria-hidden="true">
							&times;
						</button>
						<h3 class="modal-title">
							用户选择类型
						</h3>
					</div>
					<div class="modal-body" id="selftypelist">
						<table class="table table-hover table-bordered">
							<tbody>
									<ul id="selftypes" style="list-style-type: decimal;font-size: large;">

									</ul>
							</tbody>
						</table>
					</div>
					<div class="modal-footer">
						<button type="button" class="btn btn-default" data-dismiss="modal">关闭
						</button>
					</div>
					<!-- /.modal-content -->
				</div>
				<!-- /.modal -->
			</div>
		</div>

		<div class="modal fade bs-example-modal-lg" id="device" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
			<div class="modal-dialog" style="width: 800px;">
				<div class="modal-content">
					<div class="modal-header">
						<button type="button" class="close" data-dismiss="modal" aria-hidden="true">
							&times;
						</button>
						<h3 class="modal-title">
							设备列表
						</h3>
					</div>
					<div class="modal-body">
						<table class="table table-hover table-bordered">
							<thead>
							<tr id="showdevice">
								<th>设备名称</th>
								<th>设备版本</th>
								<th>设备状态</th>
								<!--<th>手机号</th>
								<th>创建时间</th>
								<th>用户自定义类型</th>
								<th>百度账号</th>
								<th>用户设备</th>
								<th>操作</th>-->
							</tr>
							</thead>
							<tbody id="devicelist" style="font-size: large">

							</tbody>
						</table>
					</div>
					<div class="modal-footer">
						<button type="button" class="btn btn-default" data-dismiss="modal">关闭
						</button>
					</div>
					<!-- /.modal-content -->
				</div>
				<!-- /.modal -->
			</div>
		</div>
	</body>
</html>
